<script setup>
import ProductVue from '../components/Product.vue';

export default{
const product={
        id: 1,
        name: 'AirPods',
        brand: 'Apple',
        image: 'http://ordfm6aah.bkt.clouddn.com/shop/1.jpeg',
        sales: 10000,
        cost: 1288,
        color: '白色'
};

data(){
  return{
    product:product
  }
}
}

</script>
<template>
  <div class="about">
    <h1>商品列表</h1>
    
  </div>
  
    <ProductVue />
  

</template>

<style>
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
}
</style>